<div>
  <div class="layui-header">
    <div class="layui-logo">后台管理</div>
    <!-- 头部区域（可配合layui已有的水平导航） -->
    <ul class="layui-nav layui-layout-left">
      <li class="layui-nav-item"><a href="">控制台<span class="layui-badge">9</span></a></li>
      <li class="layui-nav-item"><a href="">文章管理</a></li>
      <li class="layui-nav-item"><a href="">用户</a></li>
      <li class="layui-nav-item">
        <a href="javascript:;">其它系统</a>
        <dl class="layui-nav-child">
          <dd><a href="">邮件管理</a></dd>
          <dd><a href="">消息管理</a></dd>
          <dd><a href="">授权管理</a></dd>
        </dl>
      </li>
    </ul>
    <ul class="layui-nav layui-layout-right">
      <li class="layui-nav-item">
        <a href="javascript:;">
          <img src="img/admin.jpg" class="layui-nav-img">
          admin
        </a>
        <dl class="layui-nav-child">
          <dd><a href="">基本资料</a></dd>
          <dd><a href="">安全设置</a></dd>
        </dl>
      </li>
      <li class="layui-nav-item"><a href="">退出登陆</a></li>
    </ul>
  </div>
  
  <div class="layui-side layui-bg-black">
    <div class="layui-side-scroll">
      <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
      <ul class="layui-nav layui-nav-tree" lay-filter="test">
        <li class="layui-nav-item layui-nav-itemed">
          <a class="" href="javascript:;">文章</a>
          <dl class="layui-nav-child" id="threes">
            <dd><a ng-click="clickUrl('writetext')">写文章</a></dd>
            <dd><a ng-click="clickUrl('test')">管理文章</a></dd>
            <dd><a href="javascript:;">评论管理</a></dd>
            <dd><a href="http://www.baidu.com" >百度</a></dd>
          </dl>
        </li>
        <li class="layui-nav-item">
          <a href="javascript:;">模块管理</a>
          <dl class="layui-nav-child">
            <dd><a href="javascript:;">添加模块</a></dd>
            <dd><a href="javascript:;">添加代码</a></dd>
            <dd><a href="">超链</a></dd>
          </dl>
        </li>
        <li class="layui-nav-item"><a href="">友链模块</a></li>
        <li class="layui-nav-item"><a href="">接口文档</a></li>
      </ul>
    </div>
  </div>

</div>

